$(function() {

    var layer = layui.layer
    var id = location.search.split('=')[1]

    if (!id) {
        id = 1
    }
    console.log(id);
    //获取文章评论
    getartlist()
        // 定义template过滤器函数
    template.defaults.imports.dateFormat = function(value) {
        return value.replace('T', ' ').split('.')[0]
    }

    function getartlist() {
        $.ajax({
            type: 'get',
            url: 'http://localhost:8888/api/articles/' + id + '/comments',
            success(res) {

                if (res.status !== 0) {
                    return $('#sprite').html('暂无评论信息')

                }
                var htmlStr = template('tpl', res)
                $('#sprite').html(htmlStr)
            }
        })
    }



    // 发表评论
    $('#comment-form').submit(function(e) {
        e.preventDefault()
        var data = $(this).serialize()

        $.ajax({
            type: 'post',
            url: 'http://localhost:8888/api/articles/' + id + '/comments',
            data: data,
            success(res) {
                if (res.status !== 0) return console.log('添加失败');
                $('#comment-form')[0].reset()
                layer.msg('添加成功', function() {
                    $('.word_count').html('0/1000')
                    getartlist()
                })
            }
        })
    })

    $('#comment-form textarea').keydown(function() {
        var length = $(this).val().length + 1

        if (length >= 1000) {
            $(this).prop('disabled', true)
            layer.msg('不能再输入了')
        }
        $('.word_count').html(length + '/1000')
    })


    // 点赞
    $('#sprite').on('click', '.like', function() {

        var num = parseInt($(this).html())

        $(this).html(num + 1)
    })
})